extends layout

block content
	script(src="/javascripts/form.js")
	script(src="/javascripts/jquery.timeago.js")
	script(src="/javascripts/jquery.mousewheel.js")
	script(src="/javascripts/jquery.jscrollpane.min.js")
	
	div(style="position:fixed;width:250px;height:800px;z-index:0;top:30px;right:0px", class="righNav", id="rNav")
			table(cellpadding=2, cellpspacing=0, width="100%", style="margin-top:20px;background-color:#444")
				tr
					td(width="250px", style="background-color:#555")
						img(src="/images/comment.png", class="", style="vertical-align: middle;") 
						h4( style="display: inline;color:#ccc;text-shadow: 0px 1px 0px rgb(0, 0, 0);")&nbsp;Comments
						
				tr
					td
						textarea(style="resize:none;width:235px",id="txtComment")
						br
						br
						a(href="#",class="classname", id="commentPost") Post
				tr
					td(valign="top")
						div(id="divComment",style="height:200px;width:100%;overflow:auto;background-color:none")	
				tr
					td(style="background-color:#555")
						img(src="/images/log.png", class="", style="vertical-align: middle;") 
						h4(style="display: inline;color:#ccc;text-shadow: 0px 1px 0px rgb(0, 0, 0);")&nbsp;Logs
				tr
					td
						div(id="divLog",style="height:100px;width:100%;background-color:none")

	form(method="POST", name="frmForm")
		
		div(style="display:none")
			input(type="text", name="formName", id="formName", value="#{title}")
			input(type="text", name="tblName", id="tblName", value="#{name}")
			input(type="text", name="requestID", id="requestID", value="#{requestID}")
			input(type="text", name="content", id="content", value="#{content}")
			input(type="text", name="buttons", id="buttons", value="#{buttons}")
			input(type="submit", id="cmdSubmit", value="Submit")
		div(id="divDevSection", style="display:none")
				input(type="text", name="TrackNo", id="TrackNo")
				input(type="text", name="Requestor", id="Requestor")
				input(type="text", name="Status", id="Status")
				input(type="text", name="Processor", id="Processor")
				input(type="text", name="LastAction", id="LastAction")
				input(type="text", name="DateCreated", id="DateCreated")
				input(type="text", name="DateUpdated", id="DateUpdated")
				input(type="text", name="CreatedBy", id="CreatedBy")
				input(type="text", name="UpdatedBy", id="UpdatedBy")
				input(type="text", name="Unread", id="Unread")

		// action bar panel
		div(id="divActionBar",style="z-index:-1;;width:auto;height:20px;padding:5px")
				
		hr
		div(id="droppable",title="#{title}",style="width:950px;height:600px;")
		hr
		div(id="",style="z-index:-1;;width:auto;height:auto;")
			table(width="100%", cellpadding=5)
				tr
					td
						label
							b &nbsp; Tracking No.: &nbsp;
							label(id="tmpTrackNo") 
					td(align="right")
						label
							b &nbsp; Requested By: &nbsp;
							label Stephen Curry